草庐IT

vue2 jest

全部标签

javascript - 如何在vue中创建警告确认框

我想在删除文件之前显示一个对话框,我如何使用vue做到这一点?这是我的尝试我的删除文件按钮Delete这是我的删除方法DeleteUser(id,index){axios.delete('/api/artist/'+id).then(resp=>{this.artists.data.splice(index,1);}).catch(error=>{console.log(error);})},对话框正在显示,但无论我选择什么,它都会继续删除文件。 最佳答案 试试这个DeleteDeleteUser(id,index){if(conf

javascript - Vue.js 拦截器

如何在vue.js中使用拦截器?所以在每个请求/响应之前,它应该首先去拦截器。我已经搜索了很多,但找不到相关的好文档。我想像这样使用JWTAuth:(function(define){'usestrict'define(function(require){varinterceptorinterceptor=require('rest/interceptor')/***AuthenticatestherequestusingJWTAuthentication**@param{Client}[client]clienttowrap*@param{Object}config**@return

javascript - 使用 Jest 时防止 "test/expect/etc is not defined"错误

Facebook的Jest测试框架很容易getstartedwith,butthedocumentation俯瞰一个annoyingaspect:任何试图警告undefinedsymbol的编辑器都会将测试语句突出显示为错误,因为未定义test、expect和所有匹配器方法。同样,尝试直接使用node运行测试文件将失败并显示ReferenceError:testisnotdefined。需要添加哪些require/import语句才能消除这些错误? 最佳答案 节点如果您想直接通过节点运行它们,请尝试要求jest和/或jest-run

javascript - VueJS 与 vue-router 如何重定向到服务器路由

我正在尝试将用户点击注销链接重定向到服务器呈现的注销页面。但是由于下面的代码,我只是被重定向到默认路径。我在flask中设置了一个服务器路由,如下所示:@app.route('/logout')deflogout():logout_user()returnrender_template('login.html')在vue中,我想重定向路由,以便将我定向到服务器路由。Logoutexportdefault{name:SomePage.vue},methods:{logout(){this.$router.replace('/logout')//Ialsotried.go('/logout

JavaScript 标准样式无法识别 jest

我需要设置jest和JavaScriptStandardStyle在使用npmtest时协同工作。现在,当我运行npmtest时,测试失败了,因为JavaScript标准样式抛出了一个错误:'test'isnotdefined.'expect'isnotdefined.我可以通过在我的package.json文件中定义一些globalforjest来解决这个问题。"standard":{"globals":["fetch","test","expect"]}但我绝对不认为这是一个好的解决方案。在我的测试用例sum.test.js中constsum=require('./sum')tes

javascript - 从axios访问VUE JS的数据

我有一个VueJS(Vuetify)应用程序发出一个ajax请求,我想用响应填充一个div的内容,但是我在访问实例的数据时遇到了困难。我见过的所有示例都使用this指向数据对象,但是当我这样做时,我得到了这个错误无法设置未定义或空引用的属性“消息”该应用程序非常简单:ma​​in.js:importVuefrom'vue'importAppfrom'./App.vue'importVuetifyfrom'vuetify'Vue.use(Vuetify)newVue({el:'#app',render:h=>h(App)})App.vueexportdefault{data(){retu

javascript - v-bind :class 的 Vue.js 计算属性

如果我有一个返回true或false的计算函数,我知道如何使用v-bind:class。我想知道是否可以使用与被单击按钮的ID和该按钮的值相匹配的计算属性。因此,单击按钮1我可以获得该按钮的值,并检查它是否与绑定(bind)到输入的数据模型的值匹配。目前按钮的值已同步到Vue数据属性。OneTwonewVue({el:'#app',data:{'valueOfBtn':1这个位只适用于一个按钮,显然我不想重复这个代码块x次。computed:{myBtnClass:function(){varresult=[];if(this.valueOfBtn)==document.getElem

javascript - $在 vue.js,es6 语法中从子级向父级发出事件

我是Vue.js的新手,我使用ES6语法和vue-class-component.我在尝试将事件从child发送到其parent时遇到问题。我遵循了默认Vue.js语法的逻辑,但似乎无法让我的parent捕捉到child发出的事件。代码:子组件我在每个上附加了一个点击事件监听器,它调用一个发出事件的函数。事件监听器在父级上定义。exportdefaultclassHorizontalNavigation{handleClick(e){e.preventDefault();//console.log(e.target.dataset.section);this.$emit('Change

javascript - Jest 报道,所有值为零

我在我的项目中引入了代码覆盖率,但所有值(除了一个)都停留在零。这是我的jest-config.json:{"collectCoverageFrom":["../shared/utils/*.js"],"coverageDirectory":"/coverage","coverageThreshold":{"global":{"branches":0,"functions":0,"lines":0,"statements":0}},"moduleFileExtensions":["js"],"moduleNameMapper":{"\\.(css|scss)$":"identity-o

javascript - 如何在 Jest 测试中导入 JSON 文件?

我正在使用Jest测试我的应用程序,但出现如下错误:SyntaxError:Unexpectedtoken}行女巫发生的错误是:import{something}from"../my-json.json";如何在Jest测试中导入JSON文件? 最佳答案 如此处所述:istherearequireforjsoninnode.js你可以使用:importsomeObjectfrom('./somefile.json')这也应该有效:consttestObject=require('../config/object');然而,当我使用j